<!-- D:/project/app/ydz-app-uniapp/static/images/serve -->
<template>
	<view class="pagebody">
		<view class="topbox borderbox">
			<NavHeader :type="1"></NavHeader>
			<view class="justify-between flex-wrap"
				style="margin-top: 316rpx;height: 380rpx;align-content: space-between;">
				<view class="toplm" v-for="(item,index) in lmarr" :key="index"
					:style="{ background: `url(${item.url})` }" @click="tolmpage(item.id)">
					<view class="color303b39 fz36 fwbold" style="line-height: 42rpx;">
						{{item.title}}
					</view>
					<view style="color: #576260;margin-top: 5rpx;" class="fz28">
						{{item.text}}
					</view>
				</view>
			</view>
			<view class="flex-row align-center" style="padding-left: 16rpx; margin-top: 48rpx;margin-bottom: 8rpx;">
				<view class="" style="width: 8rpx;height: 40rpx;border-radius: 50rpx;background: #00D9B2;">
				</view>
				<view class="color303b39 fz40 fwbold" style="margin-left: 8rpx;">
					赴日看病
				</view>
			</view>
			<view class="" style="margin-bottom: 32rpx;">
				<view @click="tolmpage(item.id)" v-for="(item,index) in frkbarr" :key="index"
					class="bgfff br30 mt16 flex-row align-center justify-between"
					style="height: 148rpx;padding: 32rpx 24rpx;">
					<view class="flex-row">
						<image :src="item.url" style="width: 84rpx;height: 84rpx;margin-right: 16rpx;" mode=""></image>
						<view class="">
							<view class="fz32 color303b39">
								{{item.title}}
							</view>
							<view style="color: #576260;margin-top: 8rpx;" class="fz24">
								{{item.text}}
							</view>
						</view>
					</view>
					<view class=" fwbold fz24 align-center justify-center"
						style="width: 166rpx;height: 54rpx;border-radius: 55rpx;color: #00D9B2;background: #E5FBF7;">
						点击查看
					</view>

				</view>
			</view>


			<community :isshort="1"></community>
		</view>

		<FixedFoot :typeid="3"></FixedFoot>
	</view>
</template>

<script>
	import FixedFoot from '../../layouts/fixedfoot.vue';
	import NavHeader from '../../layouts/navheader.vue';
	import community from '../../components/generalcom/community.vue'
	export default {
		components: {
			FixedFoot,
			community,
			NavHeader
		},
		onLoad() {

		},
		data() {
			return {
				placeholderStyle: "color:#7E8987;font-size:32rpx;font-weight: 400;",
				textareaStyle: "color:#7E8987;font-size:32rpx;font-weight: 400;",
				lmarr: [{
						id: 0,
						title: '全球找药',
						text: '跨越国界 连接健康',
						url: '/static/images/serve/qqzybg.png',
					},
					{
						id: 1,
						title: '远程问诊',
						text: '跨越空间 守护健康',
						url: '/static/images/serve/ycwzbg.png',
					},
					{
						id: 2,
						title: '临床招募',
						text: '临床试验 健康新起点',
						url: '/static/images/serve/lczmbg.png',
					},
					{
						id: 3,
						title: '说明书翻译',
						text: '药品信息 一目了然',
						url: '/static/images/serve/smsbg.png',
					},
				],
				frkbarr: [{
						id: 4,
						title: '日本看病',
						text: '健康之旅 专业相伴',
						url: '/static/images/serve/kan.png',
					},
					{
						id: 5,
						title: '日本远程问诊',
						text: '日本专家 远程服务',
						url: '/static/images/serve/zhen.png',
					},
					{
						id: 6,
						title: '日本医生',
						text: '名医汇聚 专业诊疗',
						url: '/static/images/serve/yi.png',
					},
					{
						id: 7,
						title: '日本医院',
						text: '先进设施 专业医疗',
						url: '/static/images/serve/yuan.png',
					},
					{
						id: 8,
						title: '日本体检',
						text: '全面检查 安心每刻',
						url: '/static/images/serve/jian.png',
					},
					{
						id: 9,
						title: '日本看病指南',
						text: '流程清晰 轻松就医',
						url: '/static/images/serve/zhi.png',
					},
					{
						id: 10,
						title: '抗癌技术',
						text: '设备先进 经验丰富',
						url: '/static/images/serve/kang.png',
					},
					{
						id: 11,
						title: '日本干细胞',
						text: '立法监管 技术成熟',
						url: '/static/images/serve/gan.png',
					},


				]
			}
		},
		methods: {
			tolmpage(index) {
				let routerarr = [
					'/pages/serve/findDrug',
					'/pages/serve/consultation',
					'/pages/serve/clinical',
					'/pages/serve/instructions',
					'/pages/serve/seeDoctor',
					'/pages/serve/jpanConsultation',
					'/pages/knowledge/doctorlist', //日本医生
					'/pages/knowledge/hospitallist', //日本医院
					'/pages/serve/physical', //日本体检
					'/pages/serve/seeDoctorzn?classify=1', //指南
					'/pages/serve/seeDoctorzn?classify=2',
					'/pages/serve/seeDoctorzn?classify=3'

				]
				uni.navigateTo({
					url: routerarr[index]
				});
			}
		},
		created() {},
	}
</script>

<style lang="scss" scoped>
	::v-deep .is-input-border {
		height: 90rpx;
		border-radius: 16rpx;
		border: 1rpx solid #D7DDDC;
	}

	::v-deep .uni-input-wrapper {
		font-size: 32rpx;
	}

	::v-deep .uni-easyinput__content-input {
		padding: 0 33rpx;
	}

	::v-deep .u-input__textarea {
		font-size: 32rpx;
		padding: 21rpx 0;
	}

	.pagebody {
		padding-bottom: 136rpx;
		background: #F0F6F5;

		.topbox {
			overflow: hidden;
			background: url('../../static/images/serve/indexbg.png') no-repeat;
			background-size: contain;
			padding: 36rpx 24rpx;

			.toplm {
				width: 343rpx;
				height: 182rpx;
				background-size: cover !important;
				background-repeat: no-repeat !important;
				padding: 37rpx 0 0 25rpx;
			}
		}

	}
</style>